<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />

<title>Welcome to Sencha Touch</title>

<meta name="viewport" content="width=840" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="stylesheet" type="text/css" media="screen, projection, print" href="examples/resources/shared/css/welcome-touch.css"

<script src="//use.typekit.com/uxj6dew.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->

</head>
<body>
    <div id="content">
        <header>
            <h5 id="logo"><a href="http://www.sencha.com/">Sencha</a></h5>
        </header>
        <section id="page">
            <div id="feature">
                <img id="hero" class="pngfix" src="examples/resources/shared/img/hero.png" alt="Sencha Touch 1.1 hero shot" height="322" width="450" />
                <h2>Welcome to <strong>Sencha Touch</strong>!</h2>
                <p class="intro">Sencha Touch allows you to develop mobile web apps that look and feel native on Android, Apple, and BlackBerry devices.</p>
                <p class="button-group">
                    <a href="examples/" id="examples" class="button-link inline"><span>View Examples</span></a>
                    <a href="http://www.sencha.com/forum/" class="more-icon">Discuss on the Sencha Forum</a>
                </p>
                <hr/>
                <div class="top-columns">
                    <div class="one">
                        <p>Sencha Touch features beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards. Deploy web-based or wrap for distribution on mobile app stores. Get started with Sencha Touch today!</p>
                        <p><a class="more-icon" href="docs/">API Docs</a> <a class="more-icon" href="release-notes.html">Changelog</a></p>
                    </div>
                    <div class="two">
                        <p>
                            <a href="examples/kitchensink/" title="View almost every Sencha Touch component in the Sencha Touch Kitchen Sink"><img class="icon" src="examples/kitchensink/resources/img/icon.png" alt="Sencha Touch Kitchen Sink" height="72" width="72" /></a>
                            <a href="examples/geocongress/" title="GeoCongress is designed for smaller touchscreen smartphones like Apple iOS, BlackBerry OS 6 and Google Android"><img class="icon" src="examples/geocongress/resources/img/icon.png" alt="GeoCongress app" height="72" width="72" /></a>
                            <a href="examples/kiva/" title="KivaTouch is designed for large touchscreen tablets"><img class="icon" src="examples/kiva/resources/images/kiva.png" alt="KivaTouch app" height="72" width="72" /></a>
                            <a href="examples/oreilly/" title="O'Reilly is designed for both smaller touchscreen smartphones and large touchscreen tablets"><img class="icon" src="examples/oreilly/resources/img/icon_114b.png" alt="O'Reilly Conference app" height="72" width="72" /></a>
                        </p>
                    
                        <p><a class="more-icon" href="#">See what&rsquo;s possible with Sencha Touch by viewing our example apps</a></p>
                    </div>
                </div>
            </div>

            <div id="start" class="columns">
                <div class="column one step1">
                    <h3>Get Started</h3>
                    <p>To make the most of the Sencha Touch SDK, place the SDK in your local web server directory. This will ensure you get the best from the examples and documentation and can test your applications with mobile simulator tools.</p>
                    <p>Follow our <a href='http://www.sencha.com/x/7k'>Hello World webinar</a> for an example of how to get set up.</p>
                </div>
                <div class="column two step2">
                    <h3>Take a Spin</h3>
                    <p>Wondered what&rsquo;s possible with Sencha Touch? This SDK includes a whole suite of <a href='examples/'>examples</a>. View with a desktop WebKit browser such as <a href='http://www.google.com/chrome'>Google Chrome</a>, <a href='http://www.apple.com/safari/'>Apple Safari</a>, or with a mobile emulator such as those in the <a href='http://developer.android.com/sdk/index.html'>Android</a> or <a href='http://developer.apple.com/xcode/'>Xcode</a> SDKs.</p>
                    <p>Even better, visit the <a href='http://dev.sencha.com/deploy/touch/examples/'>Sencha Touch examples</a> online with your own mobile device.</p>
                </div>                
            </div>
            <div id="next" class="columns">
                <div class="column one step3">
                    <h3>Build Your First App</h3>
                    <p>In time-honored fashion, get up and running with a <a href='http://www.sencha.com/learn/Tutorial:Sencha_Touch_Hello_World'>simple Hello World example</a> and get familiar with the structure and syntax of a Sencha Touch application.</p>
                    <p>Want to enhance it? That&rsquo;s the best way! Take a look at our <a href='http://www.sencha.com/learn/Sencha_Touch'>articles and tutorials</a> for a gentle introduction to important parts of the Sencha Touch API.</p>
                </div>
                <div class="column two step4">
                    <h3>Become a Guru (Or Find One!)</h3>
                    <p>It&rsquo;s worth knowing your way around the definitive <a href='docs/'>Sencha Touch API documentation</a>. Be sure to check out the documented source code for our examples and demos.</p>
                    <p>Our <a href='http://www.sencha.com/forum/'>forums</a> are filled with talented and friendly professionals, and <a href='http://www.sencha.com/meetups'>lively meetups</a> are held around the world. Finally, make sure you check out <a href='http://www.senchadevs.com'>SenchaDevs</a>, the definitive list of Sencha developers, to promote your skills or find partners.</p>
                </div>    
                <div class="column three">

                </div>            
            </div>
        </section>
        <footer>
            <ul class="zero inline-social">
                <li><a href="http://twitter.com/senchainc" class="twitter">Twitter</a></li>
                <li><a href="http://www.facebook.com/senchainc" class="facebook">Facebook</a></li>
                <li><a href="http://senchainc.tumblr.com/" class="tumblr">Tumblr</a></li>
                <li><a href="http://j.mp/sencha-in" class="linkedin">LinkedIn</a></li>
                <li><a href="http://feeds.feedburner.com/SenchaBlog" class="rss">RSS Feed</a></li>
                <li><a href="http://www.vimeo.com/sencha" class="vimeo">Vimeo</a></li>
            </ul>
            <p>&copy; 2011 Sencha Inc.</p>
        </footer>
    </div>
</body>
</html>
